<!DOCTYPE html>
<!--
This is the execution context.
Loaded within the iframe.
Reloaded before every execution run.
-->
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
</head>
<body>
  <!-- for ssr test -->
  <div id="wrap-cmpt1"><a><!--s-data:{"email":"errorrik@gmail.com","name":"errorrik"}--><span prop-title="{{email}}" title="errorrik@gmail.com"><!--s-text:{{name}}-->errorrik<!--/s-text--></span></a></div>

<div id="wrap-cmpt2"><a><!--s-data:{"email":"errorrik@gmail.com","name":"errorrik"}--><span prop-title="{{email}}" title="errorrik@gmail.com"><!--s-text:{{name}}-->errorrik<!--/s-text--></span></a></div>

<div id="wrap-cmpt3"><div><!--s-data:{"jokeName":"airike","name":"errorrik","school":"none","company":"bidu"}--><h5><a s-component="ui-label" prop-title="{{name}}" prop-text="{{jokeName}}"><span prop-title="{{title}}" title="errorrik"><!--s-text:{{text}}-->airike<!--/s-text--></span></a></h5><p><a><!--s-text:{{school}}-->none<!--/s-text--></a><u><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt4"><div><!--s-data:{"jokeName":"airike","name":"errorrik","school":"none","company":"bidu"}--><h5><span s-component="ui-label" prop-text="{{jokeName}}" prop-class="{{labelClass}} my-label" class="label undefined my-label" title="airike"><!--s-text:{{text}}-->airike<!--/s-text--></span></h5><p><a><!--s-text:{{school}}-->none<!--/s-text--></a><u><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt5"><div><!--s-data:{"jokeName":"airike","school":"none","company":"bidu"}--><h5><span s-component="ui-label" prop-text="{{jokeName}}" prop-class="{{labelClass}} my-label" class="label undefined my-label" title="title"><!--s-text:{{text}}-->airike<!--/s-text--></span></h5><p><a prop-title="{{school}}" title="none"><!--s-text:{{school}}-->none<!--/s-text--></a><u prop-title="{{company}}" title="bidu"><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt6"><ul><!--s-data:{"persons":[]}--><li>name - email</li><!--s-for:<li s-for="p,i in persons" title="{{p.name}}">{{p.name}} - {{p.email}}</li>--><!--/s-for--><li>name - email</li></ul></div>

<div id="wrap-cmpt7"><ul><!--s-data:{"persons":[{"name":"errorrik","email":"errorrik@gmail.com"},{"name":"otakustay","email":"otakustay@gmail.com"}]}--><li>name - email</li><!--s-for:<li s-for="p,i in persons" title="{{p.name}}">{{p.name}} - {{p.email}}</li>--><li prop-title="{{p.name}}" title="errorrik"><!--s-text:{{p.name}} - {{p.email}}-->errorrik - errorrik@gmail.com<!--/s-text--></li><li prop-title="{{p.name}}" title="otakustay"><!--s-text:{{p.name}} - {{p.email}}-->otakustay - otakustay@gmail.com<!--/s-text--></li><!--/s-for--><li>name - email</li></ul></div>

<div id="wrap-cmpt8"><ul><!--s-data:{"persons":[{"name":"errorrik","email":"errorrik@gmail.com"},{"name":"otakustay","email":"otakustay@gmail.com"}]}--><li>name - email</li><!--s-for:<li s-for="p,i in persons" title="{{p.name}}">{{p.name}} - {{p.email}}</li>--><li prop-title="{{p.name}}" title="errorrik"><!--s-text:{{p.name}} - {{p.email}}-->errorrik - errorrik@gmail.com<!--/s-text--></li><li prop-title="{{p.name}}" title="otakustay"><!--s-text:{{p.name}} - {{p.email}}-->otakustay - otakustay@gmail.com<!--/s-text--></li><!--/s-for--><li>name - email</li></ul></div>

<div id="wrap-cmpt9"><ul><!--s-data:{"persons":[{"name":"errorrik","email":"errorrik@gmail.com"},{"name":"otakustay","email":"otakustay@gmail.com"}]}--><li>name - email</li><!--s-for:<li s-for="p,i in persons" title="{{p.name}}">{{p.name}} - {{p.email}}</li>--><li prop-title="{{p.name}}" title="errorrik"><!--s-text:{{p.name}} - {{p.email}}-->errorrik - errorrik@gmail.com<!--/s-text--></li><li prop-title="{{p.name}}" title="otakustay"><!--s-text:{{p.name}} - {{p.email}}-->otakustay - otakustay@gmail.com<!--/s-text--></li><!--/s-for--><li>name - email</li></ul></div>

<div id="wrap-cmpt10"><u><!--s-data:{"cond":true,"name":"errorrik"}--><span s-if="cond" prop-title="{{name}}" title="errorrik"><!--s-text:{{name}}-->errorrik<!--/s-text--></span></u></div>

<div id="wrap-cmpt11"><u><!--s-data:{"cond":false,"name":"errorrik"}--><a>nimei</a><!--s-if:<span s-if="cond" title="{{name}}">{{name}}</span>--></u></div>

<div id="wrap-cmpt12"><u><!--s-data:{"cond":false,"name":"errorrik","name2":"otakustay"}--><a>nimei</a><!--s-if:<span s-if="cond" title="{{name}}">{{name}}</span>--><span s-else prop-title="{{name2}}" title="otakustay"><!--s-text:{{name2}}-->otakustay<!--/s-text--></span></u></div>

<div id="wrap-cmpt13"><u><!--s-data:{"cond":true,"name":"errorrik","name2":"otakustay"}--><span s-if="cond" prop-title="{{name}}" title="errorrik"><!--s-text:{{name}}-->errorrik<!--/s-text--></span><!--s-else:<span s-else title="{{name2}}">{{name2}}</span>--></u></div>

<div id="wrap-cmpt14"><div><!--s-data:{"tabText":"tab","text":"one","title":"1"}--><div s-component="ui-tab" prop-text="{{tabText}}"><div prop-class="head" class="head"><!--s-slot:title--><h3 prop-slot="title" prop-title="{{title}}" slot="title" title="1"><!--s-text:{{title}}-->1<!--/s-text--></h3><!--/s-slot--></div><div><!--s-slot--><p prop-title="{{text}}" title="one"><!--s-text:{{text}}-->one<!--/s-text--></p><!--/s-slot--></div><u prop-title="{{text}}" title="tab"></u></div></div></div>

<div id="wrap-cmpt15"><div><!--s-data:{"tabText":"tab","text":"one","title":"1","tTitle":"5","tText":"five"}--><div s-component="ui-tab" prop-title="{{tTitle}}" prop-text="{{tText}}"><div prop-class="head" class="head"><!--s-slot:!title--><h3 prop-title="{{title}}" title="5"><!--s-text:{{title}}-->5<!--/s-text--></h3><!--/s-slot--></div><div><!--s-slot:!--><p prop-title="{{text}}" title="five"><!--s-text:{{text}}-->five<!--/s-text--></p><!--/s-slot--></div></div></div></div>

<div id="wrap-cmpt16"><div><!--s-data:{"name":"errorrik"}--><span prop-title="{{name}}" title="errorrik"><!--s-text:{{name}}-->errorrik<!--/s-text--></span> <input prop-value="{=name=}" value="errorrik"></div></div>

<div id="wrap-cmpt17"><div><!--s-data:{"name":"errorrik"}--><span prop-title="{{name}}" title="errorrik"><!--s-text:{{name}}-->errorrik<!--/s-text--></span> <textarea prop-value="{=name=}">errorrik</textarea></div></div>

<div id="wrap-cmpt18"><div><!--s-data:{"cond":true,"jokeName":"airike","name":"errorrik","school":"none","company":"bidu"}--><h5><a s-if="cond" s-component="ui-label" prop-title="{{name}}" prop-text="{{jokeName}}"><span prop-title="{{title}}" title="errorrik"><!--s-text:{{text}}-->airike<!--/s-text--></span></a></h5><p><a><!--s-text:{{school}}-->none<!--/s-text--></a><u><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt19"><div><!--s-data:{"cond":false,"jokeName":"airike","name":"errorrik","school":"none","company":"bidu"}--><h5><!--s-if:<ui-label s-if="cond" title="{{name}}" text="{{jokeName}}"></ui-label>--></h5><p><a><!--s-text:{{school}}-->none<!--/s-text--></a><u><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt20"><div><!--s-data:{"cond":true,"jokeName":"airike","name":"errorrik","school":"none","company":"bidu"}--><h5><a s-if="cond" s-component="ui-label" prop-title="{{name}}" prop-text="{{jokeName}}"><span prop-title="{{title}}" title="errorrik"><!--s-text:{{text}}-->airike<!--/s-text--></span></a></h5><p><a><!--s-text:{{school}}-->none<!--/s-text--></a><u><!--s-text:{{company}}-->bidu<!--/s-text--></u></p></div></div>

<div id="wrap-cmpt21"><div><!--s-data:{"list":[{"title":"1","text":"one"},{"title":"2","text":"two"}]}--><!--s-for:<ui-label s-for="item in list" title="{{item.title}}" text="{{item.text}}"></ui-label>--><a s-component="ui-label" prop-title="{{item.title}}" prop-text="{{item.text}}"><span prop-title="{{title}}" title="1"><!--s-text:{{text}}-->one<!--/s-text--></span></a><a s-component="ui-label" prop-title="{{item.title}}" prop-text="{{item.text}}"><span prop-title="{{title}}" title="2"><!--s-text:{{text}}-->two<!--/s-text--></span></a><!--/s-for--></div></div>

<div id="wrap-cmpt22"><div><!--s-data:{"list":[{"title":"1","text":"one"},{"title":"2","text":"two"}]}--><!--s-for:<ui-label s-for="item in list" title="{{item.title}}" text="{{item.text}}"></ui-label>--><a s-component="ui-label" prop-title="{{item.title}}" prop-text="{{item.text}}"><span prop-title="{{title}}" title="1"><!--s-text:{{text}}-->one<!--/s-text--></span></a><a s-component="ui-label" prop-title="{{item.title}}" prop-text="{{item.text}}"><span prop-title="{{title}}" title="2"><!--s-text:{{text}}-->two<!--/s-text--></span></a><!--/s-for--></div></div>

<div id="wrap-cmpt23"><div><!--s-data:{"cond":true,"persons":[{"name":"erik","tels":["12345678","123456789"]},{"name":"firede","tels":["2345678","23456789"]}]}--><div s-if="cond" s-component="ui-person" prop-list="{{persons}}"><!--s-for:<dl s-for="item in list"><dt title="{{item.name}}">{{item.name}}</dt><dd><ui-tel list="{{item.tels}}"></ui-tel></dd></dl>--><dl><dt prop-title="{{item.name}}" title="erik"><!--s-text:{{item.name}}-->erik<!--/s-text--></dt><dd><ul s-component="ui-tel" prop-list="{{item.tels}}"><!--s-for:<li s-for="item in list" title="{{item}}">{{item}}</li>--><li prop-title="{{item}}" title="12345678"><!--s-text:{{item}}-->12345678<!--/s-text--></li><li prop-title="{{item}}" title="123456789"><!--s-text:{{item}}-->123456789<!--/s-text--></li><!--/s-for--></ul></dd></dl><dl><dt prop-title="{{item.name}}" title="firede"><!--s-text:{{item.name}}-->firede<!--/s-text--></dt><dd><ul s-component="ui-tel" prop-list="{{item.tels}}"><!--s-for:<li s-for="item in list" title="{{item}}">{{item}}</li>--><li prop-title="{{item}}" title="2345678"><!--s-text:{{item}}-->2345678<!--/s-text--></li><li prop-title="{{item}}" title="23456789"><!--s-text:{{item}}-->23456789<!--/s-text--></li><!--/s-for--></ul></dd></dl><!--/s-for--></div></div></div>

<div id="wrap-cmpt24"><div><!--s-data:{}--><button prop-disabled="{{distate}}">button</button></div></div>

<div id="wrap-cmpt25"><div><!--s-data:{"distate":true}--><button prop-disabled="{{distate}}" disabled>button</button></div></div>

<div id="wrap-cmpt26"><div><!--s-data:{"cValue":["2","3"],"list":["1","2","3"]}--><!--s-for:<input s-for="item in list" type="checkbox" value="{{item}}" checked="{=cValue=}" />--><input prop-type="checkbox" prop-value="{{item}}" prop-checked="{=cValue=}" type="checkbox" value="1"><input prop-type="checkbox" prop-value="{{item}}" prop-checked="{=cValue=}" type="checkbox" value="2" checked><input prop-type="checkbox" prop-value="{{item}}" prop-checked="{=cValue=}" type="checkbox" value="3" checked><!--/s-for--></div></div>

<div id="wrap-cmpt27"><div><!--s-data:{"cValue":"2","list":["1","2","3"]}--><!--s-for:<input s-for="item in list" type="radio" value="{{item}}" checked="{=cValue=}" />--><input prop-type="radio" prop-value="{{item}}" prop-checked="{=cValue=}" type="radio" value="1"><input prop-type="radio" prop-value="{{item}}" prop-checked="{=cValue=}" type="radio" value="2" checked><input prop-type="radio" prop-value="{{item}}" prop-checked="{=cValue=}" type="radio" value="3"><!--/s-for--></div></div>

<div id="wrap-cmpt28"><div><!--s-data:{"persons":["errorrik","firede","otakustay"],"online":"firede"}--><b prop-title="{{online}}" title="firede"><!--s-text:{{online}}-->firede<!--/s-text--></b><select prop-value="{=online=}"><!--s-for:<option s-for="p in persons" value="{{p}}">{{p}}</option>--><option prop-value="{{p}}" value="errorrik"><!--s-text:{{p}}-->errorrik<!--/s-text--></option><option prop-value="{{p}}" value="firede" selected><!--s-text:{{p}}-->firede<!--/s-text--></option><option prop-value="{{p}}" value="otakustay"><!--s-text:{{p}}-->otakustay<!--/s-text--></option><!--/s-for--></select></div></div>

<div id="wrap-cmpt29"><div><!--s-data:{"date":new Date(431366400000)}--><b prop-title="{{date|year}}" title="1983"><!--s-text:{{date|year}}-->1983<!--/s-text--></b></div></div>

<div id="wrap-cmpt30"><div><!--s-data:{"date":new Date(431366400000)}--><b prop-title="{{date|year}}" title="1983"><!--s-text:{{date|year}}-->1983<!--/s-text--></b></div></div>

<div id="wrap-cmpt31"><div><!--s-data:{}--><button disabled>button</button></div></div>

<div id="wrap-cmpt32"><div><!--s-data:{"distate":true}--><button prop-disabled="{=distate=}" disabled>button</button></div></div>

<div id="wrap-cmpt33"><div><!--s-data:{}--><button prop-disabled="{=distate=}">button</button></div></div>

<div id="wrap-cmpt34"><div><!--s-data:{"html":"aa<a>bbb</a>cc"}--><b s-html="html">aa<a>bbb</a>cc</b></div></div>

<div id="wrap-cmpt35"><div><!--s-data:{"title":"1","text":"one"}--><a s-component="ui-label" prop-title="{{title}}" prop-text="{{text}}" on-test="testHandler(title)"><span prop-title="{{title}}" title="1"><!--s-text:{{text}}-->one<!--/s-text--></span></a></div></div>

<div id="wrap-cmpt36"><div><!--s-data:{"title":"1","text":"one"}--><a s-component="ui-label" prop-data-title="{{title}}" prop-data-text="{{text}}"><span prop-title="{{dataTitle}}" title="1"><!--s-text:{{dataText}}-->one<!--/s-text--></span></a></div></div>

<div id="wrap-cmpt37"><div><!--s-data:{"realTitle":"real1","title":"1"}--><b prop-title="{{realTitle}}" title="real1"><!--s-text:{{realTitle}}-->real1<!--/s-text--></b></div></div>

<div id="wrap-cmpt38"><a><!--s-data:{"name":"er<u>erik</u>ik"}--><span>aaa</span><!--s-text:hello {{name|raw}}!-->hello er<u>erik</u>ik!<!--/s-text--><b>bbb</b></a></div>

<div id="wrap-cmpt39"><div><!--s-data:{"persons":["errorrik","firede"]}--><b prop-title="{{online}}"><!--s-text:{{online}}--><!--/s-text--></b><select prop-value="{=online=}"><!--s-for:<option s-for="p in persons">{{p}}</option>--><option value="errorrik"><!--s-text:{{p}}-->errorrik<!--/s-text--></option><option value="firede"><!--s-text:{{p}}-->firede<!--/s-text--></option><!--/s-for--><option value="" selected>empty</option></select></div></div>

<div id="wrap-cmpt40"><div><!--s-data:{"online":"firede","persons":["errorrik","firede"]}--><b prop-title="{{online}}" title="firede"><!--s-text:{{online}}-->firede<!--/s-text--></b><select prop-value="{=online=}"><!--s-for:<option s-for="p in persons">{{p}}</option>--><option value="errorrik"><!--s-text:{{p}}-->errorrik<!--/s-text--></option><option value="firede" selected><!--s-text:{{p}}-->firede<!--/s-text--></option><!--/s-for--><option value="">empty</option></select></div></div>

<div id="wrap-cmpt41"><a class="app main" style="width:50px;height:50px;"><!--s-data:{"styles":{"main":{"width":"50px","height":"50px"},"title":{"width":"50px","height":"20px"}},"classes":{"main":["app","main"],"title":["app-title","main-title"]}}--><h3 prop-class="{{classes.title}}" prop-style="{{styles.title}}" class="app-title main-title" style="width:50px;height:20px;"></h3><span s-component="ui-label" class="ui ui-label" style="position:fixed;display:block;">label</span></a></div>

<div id="wrap-cmpt42"><div><!--s-data:{}--><a s-component="ui-label" s-ref="l" prop-hasu><u s-if="hasu"></u></a></div></div>

<div id="wrap-cmpt43"><div><!--s-data:{"cond1":true,"cond2":true}--><span s-if="cond1" prop-title="errorrik" title="errorrik">errorrik</span><!--s-elif:<span s-elif="cond2" title="leeight">leeight</span>--></div></div>

<div id="wrap-cmpt44"><div><!--s-data:{}--><!--s-if:<span s-if="cond1" title="errorrik">errorrik</span>--><!--s-elif:<span s-elif="cond2" title="leeight">leeight</span>--></div></div>

<div id="wrap-cmpt45"><div><!--s-data:{"num":300}--><!--s-if:<span s-if="num > 10000" title="biiig">biiig</span>--><!--s-elif:<span s-elif="num > 1000" title="biig">biig</span>--><span s-elif="num &gt; 100" prop-title="big" title="big">big</span><!--s-else:<b s-else title="small">small</b>--></div></div>

<div id="wrap-cmpt46"><div><!--s-data:{"num":30000}--><span s-if="num &gt; 10000" prop-title="biiig" title="biiig">biiig</span><!--s-elif:<span s-elif="num > 1000" title="biig">biig</span>--><!--s-elif:<span s-elif="num > 100" title="big">big</span>--><!--s-else:<b s-else title="small">small</b>--></div></div>

<div id="wrap-cmpt47"><div><!--s-data:{"num":30}--><!--s-if:<span s-if="num > 10000" title="biiig">biiig</span>--><!--s-elif:<span s-elif="num > 1000" title="biig">biig</span>--><!--s-elif:<span s-elif="num > 100" title="big">big</span>--><b s-else prop-title="small" title="small">small</b></div></div>

<div id="wrap-cmpt48"><div><!--s-data:{"searchValue":"er"}--><b prop-title="{{searchValue}}" title="er"><!--s-text:{{searchValue}}-->er<!--/s-text--></b><a s-component="x-panel"><!--s-slot--><div s-component="x-search" prop-value="{=searchValue=}"><input prop-type="text" prop-value="{=value=}" type="text" value="er"><button>search</button></div><!--/s-slot--></a></div></div>



  <!-- The scripts need to be in the body DOM element, as some test running frameworks need the body
       to have already been created so they can insert their magic into it. For example, if loaded
       before body, Angular Scenario test framework fails to find the body and crashes and burns in
       an epic manner. -->
  <script src="context.js"></script>
  <script type="text/javascript">
    // Configure our Karma and set up bindings
    %CLIENT_CONFIG%
    window.__karma__.setupContext(window);

    // All served files with the latest timestamps
    %MAPPINGS%
  </script>
  <!-- Dynamically replaced with <script> tags -->
  %SCRIPTS%
  <script type="text/javascript">
    window.__karma__.loaded();
  </script>
</body>
</html>
